.knsl-p-100-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}


/* line 1320, ../scss/_content.scss */
.knsl-filter-frame {
  padding: 20px;
}

/* line 1324, ../scss/_content.scss */
.knsl-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* line 1329, ../scss/_content.scss */
.knsl-filter .knsl-work-category {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
  position: relative;
  font-size: 15px;
  display: block;
  background-color: #FFFFFF;
  color: #383A4E;
  height: 50px;
  border-radius: 50px;
  margin: 0 5px;
  line-height: 50px;
  padding: 0 40px;
  margin-bottom: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/* line 1344, ../scss/_content.scss */
.knsl-filter .knsl-work-category.knsl-current {
  color: #FFFFFF;
  background-color: #3B61DD;
}

@media (max-width: 992px) {

  /* line 1351, ../scss/_content.scss */
  .knsl-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  /* line 1354, ../scss/_content.scss */
  .knsl-filter .knsl-work-category {
    margin-bottom: 10px;
  }

  /* line 1357, ../scss/_content.scss */
  .knsl-filter .knsl-work-category:last-child {
    margin-bottom: 0;
  }
}



.knsl-mb-60 {
  margin-bottom: 60px; }

  .knsl-filter .knsl-work-category {
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
    position: relative;
    font-size: 15px;
    display: block;
    background-color: #FFFFFF;
    color: #383A4E;
    height: 50px;
    border-radius: 50px;
    margin: 0 5px;
    line-height: 50px;
    padding: 0 40px;
    margin-bottom: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; }
    /* line 1344, ../scss/_content.scss */
.knsl-filter .knsl-work-category.knsl-current {
  color: #FFFFFF;
  background-color: #3B61DD;
}

@media (max-width: 992px) {

  /* line 1351, ../scss/_content.scss */
  .knsl-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  /* line 1354, ../scss/_content.scss */
  .knsl-filter .knsl-work-category {
    margin-bottom: 10px;
  }

  /* line 1357, ../scss/_content.scss */
  .knsl-filter .knsl-work-category:last-child {
    margin-bottom: 0;
  }
}


.knsl-filter .knsl-work-category.knsl-current {
      color: #FFFFFF;
      background-color: #3B61DD; }

/***************************

grid

***************************/
/* line 404, ../scss/_common.scss */
.knsl-masonry-grid-item-h-x-2 .knsl-work-item .knsl-work-cover-frame {
  padding-bottom: calc(126% + 20px);
}

/* line 412, ../scss/_common.scss */
.knsl-masonry-grid-item-50 .knsl-work-item .knsl-work-cover-frame {
  padding-bottom: calc(63% + 8px);
}

/* line 419, ../scss/_common.scss */
.knsl-masonry-grid-item-50.knsl-masonry-grid-item-h-x-2 .knsl-work-item .knsl-work-cover-frame {
  padding-bottom: calc(126% + 36px);
}

/* line 425, ../scss/_common.scss */
.knsl-masonry-grid {
  margin: -10px;
  min-height: 100vh !important;
}

/* line 430, ../scss/_common.scss */
.knsl-masonry-grid:after {
  content: '';
  display: block;
  clear: both;
}

/* line 436, ../scss/_common.scss */
.knsl-grid-sizer,
.knsl-masonry-grid-item {
  width: 25%;
}

/* line 442, ../scss/_common.scss */
.knsl-3-col .knsl-grid-sizer,
.knsl-3-col .knsl-masonry-grid-item {
  width: 33.333%;
}

/* line 449, ../scss/_common.scss */
.knsl-4-col .knsl-grid-sizer,
.knsl-4-col .knsl-masonry-grid-item {
  width: 25%;
}

/* line 455, ../scss/_common.scss */
.knsl-masonry-grid-item {
  float: left;
  padding: 0 10px;
  overflow: hidden;
}

/* line 461, ../scss/_common.scss */
.knsl-masonry-grid-item-25 {
  width: 25%;
}

/* line 465, ../scss/_common.scss */
.knsl-masonry-grid-item-33 {
  width: 33.3333%;
}

/* line 469, ../scss/_common.scss */
.knsl-masonry-grid-item-50 {
  width: 50%;
}

/* line 473, ../scss/_common.scss */
.knsl-masonry-grid-item-100 {
  width: 100%;
}

@media (max-width: 992px) {

  /* line 478, ../scss/_common.scss */
  .knsl-grid-sizer,
  .knsl-masonry-grid-item {
    width: 50% !important;
  }
}

@media (max-width: 768px) {

  /* line 484, ../scss/_common.scss */
  .knsl-grid-sizer,
  .knsl-masonry-grid-item {
    width: 100% !important;
  }
}

/* line 442, ../scss/_common.scss */
.knsl-3-col .knsl-grid-sizer,
.knsl-3-col .knsl-masonry-grid-item {
  width: 33.333%;
}

/* line 436, ../scss/_common.scss */
.knsl-grid-sizer,
.knsl-masonry-grid-item {
  width: 25%;
}

/* line 442, ../scss/_common.scss */
.knsl-3-col .knsl-grid-sizer,
.knsl-3-col .knsl-masonry-grid-item {
  width: 33.333%;
}

/* line 449, ../scss/_common.scss */
.knsl-4-col .knsl-grid-sizer,
.knsl-4-col .knsl-masonry-grid-item {
  width: 25%;
}

@media (max-width: 992px) {

  /* line 478, ../scss/_common.scss */
  .knsl-grid-sizer,
  .knsl-masonry-grid-item {
    width: 50% !important;
  }
}

@media (max-width: 768px) {

  /* line 484, ../scss/_common.scss */
  .knsl-grid-sizer,
  .knsl-masonry-grid-item {
    width: 100% !important;
  }
}

.knsl-masonry-grid-item-33 {
  width: 33.3333%;
}


.knsl-gallery-item {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
  width: 100%;
  margin-bottom: 20px;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

/* line 520, ../scss/_content.scss */
.knsl-gallery-item img {
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/* line 525, ../scss/_content.scss */
.knsl-gallery-item .knsl-zoom {
  opacity: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 2px #FFFFFF;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  color: #FFFFFF;
  -webkit-transform: scale(0.5) translateY(15px);
  transform: scale(0.5) translateY(15px);
  font-size: 13px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/* line 549, ../scss/_content.scss */
.knsl-gallery-item:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/* line 553, ../scss/_content.scss */
.knsl-gallery-item:hover .knsl-zoom {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.knsl-btn img.knsl-zoom,
.knsl-btn:focus img.knsl-zoom {
  -webkit-transform: scale(1.4) translateY(-1px);
  transform: scale(1.4) translateY(-1px);
}

.knsl-image-frame .knsl-zoom {
  opacity: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 2px #FFFFFF;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  color: #FFFFFF;
  -webkit-transform: scale(0.5) translateY(15px);
  transform: scale(0.5) translateY(15px);
  font-size: 13px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.knsl-image-frame:hover .knsl-zoom {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.knsl-gallery-item .knsl-zoom {
  opacity: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 2px #FFFFFF;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  color: #FFFFFF;
  -webkit-transform: scale(0.5) translateY(15px);
  transform: scale(0.5) translateY(15px);
  font-size: 13px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.knsl-gallery-item:hover .knsl-zoom {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.knsl-room-detail-photo-lg .knsl-zoom,
.knsl-room-detail-photo-sm .knsl-zoom {
  opacity: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  color: #FFFFFF;
  -webkit-transform: scale(0.5) translateY(15px);
  transform: scale(0.5) translateY(15px);
  font-size: 13px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.knsl-room-detail-photo-lg:hover .knsl-zoom {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}


.knsl-scroll-animation {
  opacity: 0;
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}

/* line 1373, ../scss/_content.scss */
.knsl-scroll-animation.knsl-active-el {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}